import React from 'react';
import { Typography, Space } from 'antd';
import { HeartOutlined, GithubOutlined, MailOutlined } from '@ant-design/icons';

const { Text, Link } = Typography;

interface FooterProps {
  companyName?: string;
  year?: number;
}

const Footer: React.FC<FooterProps> = ({ companyName = '我的应用', year = new Date().getFullYear() }) => {
  return (
    <footer className="app-footer">
      <div className="footer-container">
    
         
          <div className="footer-links">
            <Space size="large" wrap>
              <Link href="#about" className="footer-link">关于我们</Link>
              <Link href="#privacy" className="footer-link">隐私政策</Link>
              <Link href="#terms" className="footer-link">使用条款</Link>
              <Link href="#contact" className="footer-link">联系我们</Link>
            </Space>
          </div>

          {/* <div className="footer-social">
            <Space size="middle">
              <Link
                href="https://github.com"
                target="_blank"
                rel="noopener noreferrer"
                className="footer-link"
                style={{ fontSize: '18px' }}
              >
                <GithubOutlined />
              </Link>
              <Link
                href="mailto:contact@example.com"
                className="footer-link"
                style={{ fontSize: '18px' }}
              >
                <MailOutlined />
              </Link>
            </Space>
          </div> */}

      </div>
    </footer>
  );
};

export default Footer;